<template>
  <div>
    <h3>父组件</h3>
    <template v-if="1===1">
      <div>12323 </div>
      <div>12323 </div>
      <div>12323 </div>
    </template>
    <child-com value="123" aa="455">
      <!-- <button slot="foot">我是在父组件里面的button</button>
      <h3 slot="top">我是在父组件里面的html结构</h3> -->
      <!-- <div slot-scope="aaa">父组件通过插槽传递数据进入到子组件{{ aaa }}</div> -->
      <template #default="aaa">
        <div>父组件通过插槽传递数据进入到子组件 {{ aaa }}</div>
      </template>
      <template v-slot:foot="test">
        <div>ssss: {{ test }}</div>
      </template>
    </child-com>
    <child-com />
  </div>
</template>

<script>
import ChildCom from './ChildCom.vue'

export default {
  name: '',
  components: {
    ChildCom
  },
  data() {
    return {}
  }
}
</script>
